<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>时光轴 - 也无风雨也无晴</title>
    <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="./css/screen.css" type="text/css" media="screen">
    <link rel="stylesheet" href="./css/responsive.css" type="text/css" media="screen">
    <link rel="stylesheet" href="./inc/colorbox.css" type="text/css" media="screen">
    <link href="./css/default.css" type="text/css" rel="stylesheet">
</head>

<body>
<audio src="./audio/karunesh_follow_your_heart.mp3" autoplay></audio>

<div class="container">
<a href="https://devin-jade.github.io/notes/cn"><div class="avatar"></div></a>
<h1>也无风雨也无晴</h1>
<h2 id="subtitle">成长的轨迹：2009-至今</h2>

<div id="timelineContainer">

<div class="timelineToggle"><p><a class="expandAll">+ 全部展开</a></p></div>

<br class="clear">

<div class="timelineMajor">
    <h2 class="timelineMajorMarker"><span>2018</span></h2>
    <!-- /.timelineMinor -->
    <dl class="timelineMinor">
        <dt id="20180701"><a>TODO</a></dt>
        <dd class="timelineEvent" id="20180701EX" style="display:none;">
            <h3>2018.07.01</h3>
            <div class="media">
                <img src="../timeline/imgs/naoshan.jpg" width="240" height="180">
            </div>
            <p>。。。</p>
            <br class="clear">
        </dd>
    </dl>
</div>

<div class="timelineMajor">
    <h2 class="timelineMajorMarker"><span>2017</span></h2>
    <!-- /.timelineMinor -->
    <dl class="timelineMinor">
        <dd class="timelineEvent" id="20171005EX" style="display:none;">
            <h3>2017.10.05</h3>
            <div class="media">
                <img src="../timeline/imgs/flower1.jpg" width="240" height="180">
            </div>
            <p>。。。。</p>
            <br class="clear">
        </dd>
        <dt id="20170701"><a>TODO</a></dt>
        <dd class="timelineEvent" id="20170701EX" style="display:none;">
            <h3>2017.07.01</h3>
            <div class="media">
                <img src="../timeline/imgs/flower1.jpg" width="240" height="180">
            </div>
            <p>。。。</p>
            <br class="clear">
        </dd>
        <!-- /.timelineEvent -->
    </dl>
</div>

<br class="clear">
</div>
<!-- /#timelineContainer -->
</div>
<!-- /.container -->

<div id="copyright">
	Copyright © 2013 <a href='https://devin-jade.github.io/notes/cn/'>devin</a> 2013-2018
</div>

<!-- GLOBAL CORE SCRIPTS -->
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="./inc/colorbox.js"></script>
<script type="text/javascript" src="./js/timeliner.min.js"></script>
<script>
    $(document).ready(function () {
        $.timeliner({
            startOpen: ['#20180701EX', '#20171005EX'],
            expandAllText: '+ 全部展开',
            collapseAllText: '- 全部折叠'
        });
        // Colorbox Modal
        //$(".CBmodal").colorbox({inline: true, initialWidth: 100, maxWidth: 682, initialHeight: 100, transition: "elastic", speed: 750});
    });
</script>
</body>
</html>
